﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>LinkedIn Web Site</title>
</head>
<body>
    <header>
        <h1>
            <a href="#">LinkedIn</a>
        </h1>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">What is LinkedIn?</a></li>
                <li><a href="#">Join</a></li>
                <li>Sign In
                    <ul style="list-style-type:circle">
                        <li><label for ="Email">Email:</label>
                            <input type="Email" name="Email" value="" id="Email" />
                        </li>
                        <li>
                            <label for="password">Password:</label>
                            <input type="password" name="password" value="" id="password" />
                        </li>
                        <li>
                            <input type="submit" name="submit" value="Sign In" />
                        </li>
                    </ul>
                </li>
            </ul>
            <hr/>
        </nav>
    </header>
    <section>
        <header>
            <h1>
                Over 175 million professionals use LinkedIn to exchange information, ideas and opportunities.
            </h1>
        </header>
        <article>
            <ul>
                <li>
                    Stay informed about your contacts and industry
                </li>

                <li>
                    Find the people & knowledge you need to achieve your goals
                </li>

                <li>
                    Control your professional identity online 
                </li>
            </ul>
            </article>

        <article>
            <header>
            <h1>
                Join LinkedIn Today
            </h1>
                </header>
            <span>Sign Up</span>
            <ul>
                <li>
                    <label for="FirstName">First Name</label><br />
                    <input type="text" name="FirstName" value=" " id="FirstName"/>
                </li>

                <li>
                    <label for="LastName">Last Name</label><br />
                    <input type="text" name="LastName" value=" " id="LastName"/>
                </li>

                <li>
                    <label for="E-mail">Email</label><br />
                    <input type="text" name="Email" value=" " id="E-mail"/>
                </li>

                <li>
                    <label for="Pass">Password</label><br />
                    <input type="text" name="Password" value=" " id="Pass"/>
                    <div>
                    6 or more characters
                </div>
                </li>
            </ul>
            </article>

            <article>
            <input type="submit" name="Join" value="Join Now" />
                <a href="#">+</a>
            </article>

            <br />
            <article>
                Already on LinkedIn?
                <a href="#">Sign in</a> 
            </article>

    </section>
    <br />
    <footer>
         <article>
                <h3>Search for someone by name:</h3>
            <ul>
                <li>
            <label for="firstName">First Name</label>
            <input type="text" name="firstName" value=" " id="Text1" />
                </li>
                <li>
            <label for="lastName">Last Name</label>
            <input type="text" name="lastName" value=" " id="Text2" />
                </li>
            </ul>
        </article>
        <input type="submit" name="Go" value="Go" />
    </footer>
</body>
</html>
